<template>
  <div>
    <Student name="张三" gender="男"></Student>
    <hr>
    <Student name="李四" gender="男" :age="19"></Student>
    <hr>
    <Student name="王五" gender="女" :age="20"></Student>
  </div>
</template>

<script>
import Student from "./components/Student";
export default {
  name: "App",
  data() {
    return {
      msg:"Hello, World!"
    }
  },
  computed: {},
  components: {
    Student,
  },
  methods: {
    showDOM(e){
      // alert(document.getElementById("title").innerText);
      // alert(this.$refs.title.innerText);
      console.log(this.$refs.title);
      console.log(this.$refs.btn);
      console.log(this.$refs.sch);
    }
  },
  watch: {},
  filters: {},
  directives: {}
}
</script>

<style scoped>

</style>